<template>
<div class="app-container">
   <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="待办任务" name="first">
      <todo-stamp v-if="activeName == 'first'"></todo-stamp>
    </el-tab-pane >
    <el-tab-pane label="已办任务" name="second">
   <finished-stamp v-if="activeName == 'second'"></finished-stamp>
    </el-tab-pane>
    <el-tab-pane  v-if="checkPermi(['workflow:stamp:manage'])" label="用章申请管理" name="third">
       <over-time-stamp v-if="activeName == 'third'"></over-time-stamp>
     <!-- <over-time v-if="activeName == 'third'"></over-time> -->
    </el-tab-pane>
  </el-tabs>

</div>

</template>

<script>
import finishedStamp from './components/finishedStamp.vue';
import todoStamp from './components/todoStamp.vue';
import overTimeStamp from './components/overTimeStamp.vue'



export default {
  name:'Stamp',
  components:{
    todoStamp,
    finishedStamp,
    overTimeStamp
    //overTimeManage
  },
  data(){
    return{
      activeName:'first'
    }
  },
  methods:{
    
     handleClick(tab, event) {
      this.activeName = tab.name
      }
  }

}
</script>

<style>

</style>
